<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>微课-学生首页</title>

<link rel="stylesheet" type="text/css" href="../../css/normalize.css" />
<link rel="stylesheet" type="text/css" href="../../css/default.css">
<link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!--主要样式-->
<link href="../../css/bootstrap-theme.min.css" rel="stylesheet" type="text/css" />
<link href="../../css/basic.css" rel="stylesheet">
<link href="../../css/common.css" rel="stylesheet">
<link href="../../css/theme.css" rel="stylesheet">
<!--[if lt IE 9]>
  <script src="../../js/common/html5shiv.min.js"></script>
  <script src="../../js/common/respond.min.js"></script>
<![endif]-->


<style>
/*以下这段3d文字效果的css不能放在外链css文件中，会失去效果*/
.letter:before, .letter:after{
  position:absolute;
  content: attr(data-letter);
  transform-origin: top left;
  top:0;
  left:0;
}
.letter, .letter:before, .letter:after{
  transition: all 0.3s ease-in-out;
}
.letter:before{
  color:#30F;
  text-shadow: 
    -1px 0px 1px rgba(255,255,255,.8),
    1px 0px 1px rgba(0,0,0,.8);
  z-index: 3;
  transform:
    rotateX(0deg)
    rotateY(-15deg)
    rotateZ(0deg);
}
.letter:after{
  color: rgba(0,0,0,.11);
  z-index:2;
  transform:
    scale(1.08,1)
    rotateX(0deg)
    rotateY(0deg)
    rotateZ(0deg)
    skew(0deg,1deg);
}
.letter:hover:before{
  color: #50F;
  transform:
    rotateX(0deg)
    rotateY(-40deg)
    rotateZ(0deg);
}
.letter:hover:after{
  transform:
    scale(1.08,1)
    rotateX(0deg)
    rotateY(40deg)
    rotateZ(0deg)
    skew(0deg,22deg);
}

</style>
<script src="../../js/common/prefixfree.min.js"></script>
<script src="../../js/common/modernizr.js"></script>
</head>
<body>
	<!--顶部导航-->
	<nav class="navbar navbar-default navbar-fixed-top navbar-inverse" role="navigation">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#demo-navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="index.html" style="font-size:26px">微课</a>
            </div>
    
        	<!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="demo-navbar">
              <ul class="nav navbar-nav menu">
                <li class="active"><a href="course_list.html">课程</a></li>
                <li class="dropdown"><a href="#">个人中心</a>
                    <ul class="submenu">
                        <li><a href="personal_center.html">我的信息</a></li>
                        <li><a href="center_mycourse.html">我的课程</a></li>
                        <li><a href="center_myhomework.html">我的作业</a></li>
                        <li><a href="center_myquestion.html">我的问答</a></li>
                    </ul>
                </li>
                <li class="dropdown"><a href="#">账号设置</a>
                    <ul class="submenu">
                        <li><a href="modify_myinfo.html">修改信息</a></li>
                        <li><a href="modify_pwd.html">修改密码</a></li>
                        <li><a href="#" data-toggle="modal" id="logout">退出登录</a></li>
                    </ul>
                </li>
              </ul>
         
             
              <form class="navbar-form navbar-right toprit-bar" role="search">
                  <div class="pull-right white hidden">
                      <button type="button" class="btn btn-primary btn-block">登录</button>
                  </div>
                 <div class="pull-right white welcome">
                     <p class="form-control-static">欢迎你，<a href="personal_center.html" id="student_name"></a></p>
                  </div>
                

                  <div class="form-group pull-right webdesigntuts-workshop">		    
                        <input type="search" placeholder="请输入要搜索的课程">		    	
                        <a class="btn" href="search_result.html" id="search-btn" role="button">搜索</a>
                  </div>
              </form>
        
            </div><!-- /.navbar-collapse -->
      	</div><!-- /.container-fluid -->
	</nav>
    
    <!-- 广告轮播 -->
    <div id="ad-carousel" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#ad-carousel" data-slide-to="0" class="active"></li>
            <li data-target="#ad-carousel" data-slide-to="1"></li>
            <li data-target="#ad-carousel" data-slide-to="2"></li>
            <li data-target="#ad-carousel" data-slide-to="3"></li>
            <li data-target="#ad-carousel" data-slide-to="4"></li>
        </ol>
        <div class="carousel-inner">
            <div class="item active">
                <img src="../../images/banner1.jpg" alt="1 slide">
            </div>
            <div class="item">
                <img src="../../images/banner2.jpg" alt="2 slide">
            </div>
            <div class="item">
                <img src="../../images/banner3.jpg" alt="3 slide">
            </div>
            <div class="item">
                <img src="../../images/banner4.jpg" alt="4 slide">
            </div>
            <div class="item">
                <img src="../../images/banner5.jpg" alt="5 slide">
            </div>
        </div>
        <a class="left carousel-control" href="#ad-carousel" data-slide="prev">
        	<span class="glyphicon glyphicon-chevron-left"></span>
        </a>
        <a class="right carousel-control" href="#ad-carousel" data-slide="next">
        	<span class="glyphicon glyphicon-chevron-right"></span>
        </a>
    </div>
    
    <!--滚动消息--> 
<div class="container mp30">
	<div class="row">
		<div class="col-md-4">
			<div class="panel panel-default">
				<div class="panel-heading">
					<span class="glyphicon glyphicon-list-alt"></span><b>作业通知</b></div>
				<div class="panel-body">
					<div class="row">
						<div class="col-xs-12">
							<ul class=" demo1 text-info" id="homework_body">
								<!-- <li class="news-item">
									<table cellpadding="4">
										<tr>
											<td><img src="../../images/1.png" width="60" class="img-circle" /></td>
											<td>你的《javascript高级程序设计》有新作业啦！ <a href="center_myhomework.html" class="pull-right">查看</a></td>
										</tr>
									</table>
								</li>
								<li class="news-item">
									<table cellpadding="4">
										<tr>
											<td><img src="../../images/2.png" width="60" class="img-circle" /></td>
											<td>李老师对你的问题作出了回答！ <a href="center_myquestion.html" class="pull-right">查看</a></td>
										</tr>
									</table>
								</li>
								<li class="news-item">
									<table cellpadding="4">
										<tr>
											<td><img src="../../images/3.png" width="60" class="img-circle" /></td>
											<td>你关注的《html5与css3》课程更新啦！ <a href="center_mycourse.html" class="pull-right">查看</a></td>
										</tr>
									</table>
								</li>
                                
								<li class="news-item">
									<table cellpadding="4">
										<tr>
											<td><img src="../../images/4.png" width="60" class="img-circle" /></td>
											<td>你的《玩转bootstrap》作业成绩新鲜出炉！ <a href="center_myhomework.html" class="pull-right">查看</a></td>
										</tr>
									</table>
								</li>
								<li class="news-item">
									<table cellpadding="4">
										<tr>
											<td><img src="../../images/5.png" width="60" class="img-circle" /></td>
											<td>你的《jquery实战》作业答案已公布！ <a href="gointo_class.html" class="pull-right">查看</a></td>
										</tr>
									</table>
								</li> -->
							</ul>
						</div>
					</div>
				</div>
				<div class="panel-footer">

				</div>
			</div>
		</div>
		
		<div class="col-md-4">
			<div class="panel panel-default">
				<div class="panel-heading">
					<span class="glyphicon glyphicon-list-alt"></span><b>最新课程</b></div>
				<div class="panel-body">
					<div class="row">
						<div class="col-xs-12">
							<ul class="demo2 text-primary" id="course_body">
								<!-- <li class="news-item"><b>《javascript高级程序设计》</b>李由风 <a href="gointo_class.html" class="pull-right">进入</a></li>
								<li class="news-item"><b>《javascript高级程序设计》</b>李由风 <a href="gointo_class.html" class="pull-right">进入</a></li>
                                <li class="news-item"><b>《javascript高级程序设计》</b>李由风 <a href="gointo_class.html" class="pull-right">进入</a></li>
                                <li class="news-item"><b>《javascript高级程序设计》</b>李由风 <a href="gointo_class.html" class="pull-right">进入</a></li>
                                <li class="news-item"><b>《javascript高级程序设计》</b>李由风 <a href="gointo_class.html" class="pull-right">进入</a></li>
                                <li class="news-item"><b>《javascript高级程序设计》</b>李由风 <a href="gointo_class.html" class="pull-right">进入</a></li>
                                <li class="news-item"><b>《javascript高级程序设计》</b>李由风 <a href="gointo_class.html" class="pull-right">进入</a></li>
                                <li class="news-item"><b>《javascript高级程序设计》</b>李由风 <a href="gointo_class.html" class="pull-right">进入</a></li> -->
							</ul>
						</div>
					</div>
				</div>
				<div class="panel-footer">

				</div>
			</div>
		</div>
		
		<div class="col-md-4">
			<div class="panel panel-default">
				<div class="panel-heading">
					<span class="glyphicon glyphicon-list-alt"></span><b>热门课程排行</b></div>
				<div class="panel-body">
					<div class="row text-success">
						<div class="col-xs-12">
							<ol id="demo3">
								<!-- <li class="news-item"><b>《javascript高级程序设计》</b>李由风 <a href="gointo_class.html" class="pull-right">学习</a></li>
								<li class="news-item"><b>《javascript高级程序设计》</b>李由风 <a href="gointo_class.html" class="pull-right">学习</a></li>
                                <li class="news-item"><b>《javascript高级程序设计》</b>李由风 <a href="gointo_class.html" class="pull-right">学习</a></li>
                                <li class="news-item"><b>《javascript高级程序设计》</b>李由风 <a href="gointo_class.html" class="pull-right">学习</a></li>
                                <li class="news-item"><b>《javascript高级程序设计》</b>李由风 <a href="gointo_class.html" class="pull-right">学习</a></li>
                                <li class="news-item"><b>《javascript高级程序设计》</b>李由风 <a href="gointo_class.html" class="pull-right">学习</a></li> -->
							</ol>
						</div>
					</div>
				</div>
				<div class="panel-footer">

				</div>
			</div>
		</div>
	</div>
</div><!--滚动消息结束-->




<!--课程列表-->
<div class="container summary">

    <div class="foo">
      <span class="letter" data-letter="推">推</span>
      <span class="letter" data-letter="荐">荐</span>
      <span class="letter" data-letter="课">课</span>
      <span class="letter" data-letter="程">程</span>
     
    </div>
 	<a href="course_list.html" class="pull-right h5">更多&gt;&gt;</a>
	<hr class="feature-divider">
    <div class="row" id="course">
        <!-- <div class="col-md-3" >
        	<div class="course_img">
           		<a href="gointo_class.html"><img class="" src="../../images/class1.png" alt="chrome"></a>
			</div>
            <div class="course_info clearfix shadow">
                <h4 class="mb5">php实现手机归属地查询</h4>
                <p>
                    <span class="pull-left color-gray">李尤丰</span>
                    <span class="pull-right color-gray">44人学习</span>
                </p>
            </div>
        </div>
        <div class="col-md-3" >
        	<div class="course_img">
           		<a href="gointo_class.html"><img class="" src="../../images/class1.png" alt="chrome"></a>
			</div>
            <div class="course_info clearfix shadow">
                <h4 class="mb5">php实现手机归属地查询</h4>
                <p>
                    <span class="pull-left color-gray">李尤丰</span>
                    <span class="pull-right color-gray">44人学习</span>
                </p>
            </div>
        </div>
        <div class="col-md-3" >
        	<div class="course_img">
           		<a href="gointo_class.html"><img class="" src="../../images/class1.png" alt="chrome"></a>
			</div>
            <div class="course_info clearfix shadow">
                <h4 class="mb5">php实现手机归属地查询</h4>
                <p>
                    <span class="pull-left color-gray">李尤丰</span>
                    <span class="pull-right color-gray">44人学习</span>
                </p>
            </div>
        </div>
        <div class="col-md-3" >
        	<div class="course_img">
           		<a href="gointo_class.html"><img class="" src="../../images/class1.png" alt="chrome"></a>
			</div>
            <div class="course_info clearfix shadow">
                <h4 class="mb5">php实现手机归属地查询</h4>
                <p>
                    <span class="pull-left color-gray">李尤丰</span>
                    <span class="pull-right color-gray">44人学习</span>
                </p>
            </div>
        </div>
    	<div class="col-md-3" >
        	<div class="course_img">
           		<a href="gointo_class.html"><img class="" src="../../images/class1.png" alt="chrome"></a>
			</div>
            <div class="course_info clearfix shadow">
                <h4 class="mb5">php实现手机归属地查询</h4>
                <p>
                    <span class="pull-left color-gray">李尤丰</span>
                    <span class="pull-right color-gray">44人学习</span>
                </p>
            </div>
        </div>
        <div class="col-md-3" >
        	<div class="course_img">
           		<a href="gointo_class.html"><img class="" src="../../images/class1.png" alt="chrome"></a>
			</div>
            <div class="course_info clearfix shadow">
                <h4 class="mb5">php实现手机归属地查询</h4>
                <p>
                    <span class="pull-left color-gray">李尤丰</span>
                    <span class="pull-right color-gray">44人学习</span>
                </p>
            </div>
        </div>
        <div class="col-md-3" >
        	<div class="course_img">
           		<a href="gointo_class.html"><img class="" src="../../images/class1.png" alt="chrome"></a>
			</div>
            <div class="course_info clearfix shadow">
                <h4 class="mb5">php实现手机归属地查询</h4>
                <p>
                    <span class="pull-left color-gray">李尤丰</span>
                    <span class="pull-right color-gray">44人学习</span>
                </p>
            </div>
        </div>
        <div class="col-md-3" >
        	<div class="course_img">
           		<a href="gointo_class.html"><img class="" src="../../images/class1.png" alt="chrome"></a>
			</div>
            <div class="course_info clearfix shadow">
                <h4 class="mb5">php实现手机归属地查询</h4>
                <p>
                    <span class="pull-left color-gray">李尤丰</span>
                    <span class="pull-right color-gray">44人学习</span>
                </p>
            </div>
        </div> -->
    
        
    </div><!--课程列表结束-->
    
    
    <div class="start_study text-center">
    	<canvas id="canvas"></canvas>
    	<p class="text-center"><a class="btn btn-danger btn-lg white" href="search_result.html" role="button">开启学霸模式&gt;&gt;</a></p>
    </div>
  

	<footer>
    	<hr class="feature-divider">
        <p class="pull-right"><a href="#top" class="backTop">回到顶部</a></p>
        <p><span class="copyRight">&copy; 微课</span> </p>
    </footer>

</div>	
  
<script src="../../js/common/jquery.min.js" type="text/javascript"></script>
<script src="../../js/common/jquery.bootstrap.newsbox.min.js" type="text/javascript"></script>
<script src="../../js/common/bootstrap.min.js"></script>
<script src="../../js/common/index.js"></script>
<!-- sweet alert -->
	<link href="../../css/sweet-alert.css" rel="stylesheet" />
	<script src="../../js/common/sweet-alert.js"></script>
<!-- common -->
<script src="../../js/common/maskUtil.js"></script>
<script src="../../js/common/student.js"></script>
<script src="../../js/common/commonAjax.js"></script>
<script src="../../js/home/student_index.js"></script>
<script>
    $(function () {
		index.init();
		//轮播
        $('#ad-carousel').carousel();
	})
</script>
</body>
</html>